{extends file="assets::smarty-templates::Master"|ToPath}
{block name=script}
    {script_entry_point src="Acaweb.Cev.Capacitaciones.Inscripcion"}
{/block}
{block name="content"}
{html_css file="capacitaciones.css"}

<form action="{$action}" method="post" class="form-validate">
    <input type="hidden" id="urlGetDiasDisponibles" value="{$urlGetDiasDisponibles}" />
    <input type="hidden" id="urlGetJornadasDisponibles" value="{$urlGetJornadasDisponibles}" />
    <input type="hidden" id="capacitacionSeleccionada" name="inscripcion[idItinerario]" />
    <h1>Inscripciones a Capacitaciones</h1>
    <h3>Centro de Educaci&oacute;n Virtual</h3>
    <fieldset>
        <label>Datos del Interesado</label>
        <dl>
            <label>Tipo de Usuario</label>
            <div>
                <select class="tipoInteresado required" name="inscripcion[tipoInteresado]">
                    <option value="">- Seleccione -</option>
                    <option value="1">Docente</option>
                    <!--<option value="2">Estudiante</option>
                    <option value="3">Externo a la Instituci&oacute;n</option>-->
                </select>
                <span title="Campo Requerido" class="obligatorio"></span>
            </div>
        </dl>
        <dl id="selectorPrograma">
            <label>Programa</label>
            <div>
                <select name="inscripcion[idPrograma]">
                    <option value="">- Seleccione -</option>
                    {foreach $programas as $programa}
                        <option value="{$programa->getCodigoPlan()}">
                            {$programa->getNombrePlan()}
                        </option>
                    {/foreach}
                </select>
                <span title="Campo Requerido" class="obligatorio"></span>
            </div>
        </dl>
        <dl>
            <label>Nombre Completo</label>
            <div>
                <input type="text" name="inscripcion[nombre]" class="medium required" />
                <span title="Campo Requerido" class="obligatorio"></span>
            </div>
        </dl>
        <dl>
            <label>Correo Electr&oacute;nico</label>
            <div>
                <input type="text" name="inscripcion[email]" class="medium required email" />
                <span title="Campo Requerido" class="obligatorio"></span>
            </div>
        </dl>
    </fieldset>
    <fieldset>
        <label>Capacitaci&oacute;n de su Interes</label>
        <div class="selectorWrapper">
            <div class="wrapperSide">
                <div class="stepSelector">
                    <label>Seleccione la Capacitaci&oacute;n</label>
                    <div class="container" id="capacitacion">
                        {foreach $capacitaciones as $capacitacion}
                            <div class="item" data-id='{$capacitacion['id']}' >
                                {$capacitacion['nombre']}
                            </div>
                        {foreachelse}
                            <div class="item" >En el momento no hay capacitaciones disponibles.</div>
                        {/foreach}
                    </div>
                </div>
            </div>
            <div class="wrapperSide">
                <div class="stepSelector smallSelector">
                    <label>Seleccione el D&iacute;a</label>
                    <div class="container" id="dia"></div>
                </div>
                <div class="stepSelector smallSelector">
                    <label>Seleccione la Jornada</label>
                    <div class="container" id="jornada"></div>
                </div>
            </div>
        </div>
    </fieldset>
    <div style="float: right;">
        <button type="submit" class="save small icon i_cassette">Guardar</button>
    </div>
</form>
{/block}